<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>会员登录-花礼网</title>
    <link rel="stylesheet" href="./css/login.css" />
    <script src="./js/jquery-1.12.4.min.js" type="text/javascript"></script>
    <script src="./js/login.js" type="text/javascript"></script>
  </head>
  <body>
    <!-- 顶部导航 -->
    <div class="navTop">
      <div class="nav">
        <ul class="navLeft">
          <li class="menu">
            <a href="javascript:viod(0)">
              <span class="ico ico-star"></span>
              收藏花礼网(hua.com)
            </a>
          </li>
          <li class="menu dropdown">
            <a href="javascript:viod(0)">
              <span class="ico ico-wx"></span>
              关注微信
            </a>
            <div class="dropdown-menu dro-wx">
              <img src="./images/img/wx.png" alt="" />
              <p>扫码关注<br />回复"礼物"更多惊喜！</p>
            </div>
          </li>
          <li class="menu dropdown">
            <a href="javascript:viod(0)">
              <span class="ico ico-mobile"></span>
              花礼网app
            </a>
            <div class="dropdown-menu dro-wx">
              <img src="./images/img/app.png" alt="" />
              <p>新人专享100元APP礼包</p>
            </div>
          </li>
        </ul>
        <ul class="navRight">
          <!--登陆状态信息显示start-->
          <li class="menu login">
            <a href="./login.html">你好，请登录</a
            ><a href="./register.html">注册</a>
          </li>
          <!--登陆状态信息显示end-->
          <li class="nav-pipe">|</li>
          <li class="menu">
            <a href="javascript:viod(0)">订单查询</a>
          </li>
          <li class="nav-pipe">|</li>
          <!--我的花礼信息显示start-->
          <li class="menu dropdown">
            <a
              href="/member/"
              rel="nofollow"
              data-hover="dropdown"
              data-delay="0"
              target="_blank"
              >我的花礼</a
            >
          </li>
          <!--我的花礼信息显示end-->
          <li class="nav-pipe">|</li>
          <li class="menu dropdown">
            <a href="javascript:viod(0)"
              >客户服务<span class="glyphicon glyphicon-triangle-bottom"></span
            ></a>
            <div class="dropdown-menu dropdown-service">
              <a href="javascript:viod(0)">在线付款</a>
              <a href="javascript:viod(0)">帮助中心</a>
              <a href="javascript:viod(0)">售后服务</a>
              <a href="javascript:viod(0)">配送范围</a>
              <a href="javascript:viod(0)">留言反馈</a>
            </div>
          </li>
          <li class="nav-pipe">|</li>
          <!--购物车信息显示start-->
          <li class="menu dropdown">
            <a href="./cart.html" data-delay="0"
              ><span class="ico ico-cart"></span>购物车<span
                class="text-primary"
                id="gwcCount"
                >(0)</span
              ><span class="glyphicon glyphicon-triangle-bottom"></span
            ></a>
            <div class="dropdown-menu dropdown-cart" id="CartInfo">
              <div class="empty">
                您的购物车中没有商品,<a href="/">先去选购吧</a>!
              </div>
            </div>
          </li>
          <!--购物车信息显示end-->
          <li class="nav-pipe">|</li>
          <li class="menu slogan">鲜花礼品网:中国领先的鲜花网品牌</li>
        </ul>
      </div>
    </div>
    <!-- 头部 -->
    <header>
      <div class="logo"></div>
      <div class="search">
        <form name="i_search">
          <div class="input-group">
            <input
              name="keyword"
              type="text"
              class="form-control"
              placeholder="商品关键词"
            />
            <span class="input-group-btn">
              <button
                id="test"
                class="btn btn-primary"
                type="button"
                onClick="this.form.submit()"
              >
                搜索
              </button>
            </span>
          </div>
        </form>
      </div>
      <div class="service serviceDefault">
        <span class="phone-400">
          <span class="ico ico-phone"></span>
          400-889-8188</span
        >
        <a id="header-chat" href="javascript:void(0);"
          ><span class="ico ico-headset"></span>在线客服</a
        >
      </div>
    </header>
    <!-- 内容部分 -->
    <section>
      <div class="container">
        <div class="login-box">
          <ul class="login-tabs">
            <li class="login-account active">账号登录</li>
            <li class="login-wx">
              微信扫码登录<img
                class="wxqr"
                src="//img02.hua.com/pc/assets/img/pc_login_qr.png"
                alt=""
              />
            </li>
          </ul>
          <!-- 账号登录 -->
          <form class="login-form login-form-box appear">
            <p class="login-form-box-toggle">
              <a class="toggle-opt" href="javascript:;" style="display: block"
                ><i class="mini-icon icon-message"></i>手机验证码登录</a
              >
              <a class="toggle-apt" href="javascript:;" style="display: none"
                ><i class="mini-icon icon-unlocked"></i>账号密码登录</a
              >
            </p>
            <!-- 手机快捷登录 -->
            <div class="login-form-phone" style="display: none">
              <div class="tel-box">
                <div class="input-box">
                  <span class="icon icon-iphone"></span>
                  <input
                    id="UserPhone"
                    name="UserPhone"
                    class="account"
                    type="text"
                    placeholder="请输入手机号"
                  />
                </div>
                <p class="tips"></p>
              </div>
              <div class="code-box">
                <div class="input-box">
                  <span class="icon icon-message"></span>
                  <input
                    id="phoneSmsCode"
                    name="phoneSmsCode"
                    class="pwd"
                    type="text"
                    placeholder="请输入短信验证码"
                    autocomplete="off"
                  />
                  <button id="getcodeBtn" class="get-code" href="#">
                    获取验证码
                  </button>
                </div>
                <p class="tips"></p>
              </div>
              <input
                class="form-btn login-btn"
                type="button"
                value="登录/注册"
              />
              <p class="form-tip">
                <i class="mini-icon icon-info"></i>首次登录将自动创建账号
              </p>
            </div>

            <!-- 账号密码登录 -->
            <div class="login-form-pwd" style="display: block">
              <div class="account-box">
                <div class="input-box">
                  <span class="icon icon-iphone"></span>
                  <input
                    name="UserName"
                    class="account"
                    type="text"
                    placeholder="请输入手机号/邮箱/用户名"
                  />
                </div>
                <p class="tips"></p>
              </div>
              <div class="pwd-box">
                <div class="input-box">
                  <span class="icon icon-unlocked"></span>
                  <input
                    name="PassWord"
                    class="pwd pwd-input"
                    type="password"
                    autocomplete="tel"
                    placeholder="请输入密码"
                  />
                </div>
                <p class="tips"></p>
              </div>

              <button class="form-btn login-btn" id="dosubmit" value="登录">
                登录
              </button>
              <div class="form-tip">
                <a class="pwd-forget" href="/Member/Password/Forgot"
                  >忘记密码？</a
                >
              </div>
            </div>
          </form>

          <!-- 微信扫码登录 -->
          <form class="login-form login-form-wx">
            <div id="QrCodeBox" class="qrcode-box">
              <div class="qrcode-img">
                <img
                  src="https://m.hua.com/wxapi/tempqrpic?pid=478ddb43235a4ceea1bbcce5b015f335&userid=&type=8&sj=2022-4-2&sign=65aa635cad2a8bc1"
                  alt="微信扫码"
                  draggable="false"
                />
                <i class="layer-bt"></i><i class="layer-bb"></i
                ><i class="layer-bl"></i><i class="layer-br"></i>
              </div>
              <div class="qrcode-text">
                微信扫码 快速登录<i class="mini-icon icon-question"></i>
              </div>
            </div>
          </form>

          <div class="bottom-box">
            <ul class="other-login-ways">
              <li class="login-way login-qq">
                <a href="javascript:viod(0)"
                  ><i class="icon icon-QQ"></i><span>QQ</span></a
                >
              </li>
              <li class="login-way login-ali">
                <a href="javascript:viod(0)"
                  ><i class="icon icon-zhifubao"></i><span>支付宝</span></a
                >
              </li>
              <li class="extra-r">
                <a href="./register.html"
                  >注册账号<i class="icon icon-arrow-right-active"></i
                ></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!-- 尾部导航 -->
    <div class="footer-nav">
      <a href="/">首页</a> <b>|</b>
      <a href="/profile/about.htm" target="_blank">关于我们</a> <b>|</b>
      <a href="/profile/media.html" target="_blank">媒体报道</a> <b>|</b>
      <a
        class="phone-400"
        style="display: none"
        href="/profile/contact.htm"
        target="_blank"
        >联系方式</a
      >
      <b class="phone-400" style="display: none">|</b>
      <a href="/qiyetuangou/" target="_blank">企业团购</a> <b>|</b
      ><a href="/liansuo/" target="_blank">花店入驻</a><b>|</b>
      <a href="/profile/links.htm" target="_blank">友情链接</a> <b>|</b>
      <a href="/member/payment/balancefill" target="_blank">在线补款</a>
      <b>|</b>
      <a class="last-child" href="/profile/why_choose_us.htm" target="_blank"
        >为什么选择花礼网</a
      >
    </div>
    <!-- 尾部 -->
    <footer>
      <div class="auth">
        <div class="center">
          <img src="//img02.hua.com/pc/assets/img/slogan.png" />
          <a href="javascritp:viod(0)"
            ><img src="//img02.hua.com/pc/assets/img/100.jpg"
          /></a>
          <a href="javascritp:viod(0)"
            ><img
              src="//img02.hua.com/pc/assets/img/bico1.jpg"
              alt="ICP"
              height="46"
              width="35"
          /></a>
          <a href="javascript:viod(0)">
            <img
              src="./images/img/govIcon.gif"
              alt=""
              style="width: 35px; height: 46px"
            />
          </a>
        </div>
      </div>
      <p>
        <a
          href="/profile/ChinaFlowerAssociation.htm"
          rel="nofollow"
          target="_blank"
          title="中国花卉协会会员"
          >中国花卉协会会员</a
        >
        <a href="/profile/chinaECA.htm" rel="nofollow" target="_blank"
          >中国电子商务协会会员</a
        >
        ICP经营许可证：<a>粤B2-20050744</a> <b>|</b>
        <a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank"
          >粤ICP备09171662号</a
        >
        <span class="ico beian"></span>粤公网安备44030502000373号 Copyright ©
        2005-2022
      </p>
      <p><a href="/">www.hua.com</a><span> 深圳市百易信息技术有限公司</span></p>
    </footer>
  </body>
</html>
